<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>部门管理</title>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" href="../../../extends/img/favicon.ico" />
<!-- Loading Bootstrap -->
<link href="../../../extends/css/main.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
    <script src="../../../assets/html5shiv.min.js"></script>
    <script src="../../../assets/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
        var require = {
            "config": {
                "site": {
                    "name": "HBKMS",
                    "cdnurl": "../../../",
                    "version": "1.0.1",
                },
                "upload": {
                    "cdnurl": "./",
                },
                "modulename": "admin",
                "controllername": "dept",
                "actionname": "init",
                "jsname": "main/js/admin/dept",
                "moduleurl": "./",
                "language": "zh-cn",
                "referer": null
            }
        };
    </script>
</head>
<style type="text/css">
	.ztreeStyle{
		border: 1px solid #d2d6de;overflow: hidden;height: 470px;margin-left:30px ;padding-top: 20px
	}
	.deptDis{
		color: #333;
		font-size:20px; 
		border-bottom: 1px solid #d2d6de;
	}
	.mt20{
		margin-top: 20px;
	}
	#deptEditTree li{
		font-size: 14px;
	}
.ztree li span.button.switch {
    width: 19px;
    height: 20px;
}
.ztree li span.button.root_close {
    background-position: -33px -31px;
}
</style>
<body class="inside-header inside-aside">
	<div id="main" role="main">
		<div class="tab-content tab-addtabs">
			<div id="content">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<div id="ribbon">
							<ol class="breadcrumb pull-left">
								<li><a href="javascript:;" url="first.html"
									class="addtabsit"><i class="fa fa-dashboard"></i> 控制台</a></li>
							</ol>
							<ol class="breadcrumb pull-right">
								<li><a href="javascript:;" data-url="auth">系统管理</a></li>
								<li><a href="javascript:;" data-url="auth/role">部门管理</a></li>
							</ol>
						</div>
						<!-- END RIBBON -->
						<div class="content">
							<div class="panel panel-default panel-intro">

								<div class="panel-body">
									<div id="myTabContent" class="tab-content">
										<div class="tab-pane fade active in">
											<div class="row">
												<div class="widget-body no-padding departmentTree">
													<div class="col-md-3 ztreeStyle">
														<div id="toolbar" class="toolbar">
															<a href="javascript:;"
																class="btn btn-primary btn-refresh"><i
																class="fa fa-refresh"></i> </a>
														</div>
														<div class="department">
															<ul id="departmentTree" class="ztree"></ul>
														</div>
													</div>

													<div class="col-md-8 ztreeStyle">
														<form id="edit-form" class="form-horizontal form-ajax"
															role="form" data-toggle="validator" method="POST"
															action="/dept">
															<div class="deptDis">部门信息</div>
															<div id="errtips" class="hide"></div>
															<input type="hidden" name="id" />
															<div class="form-group mt20">
																<label class="control-label col-xs-12 col-sm-2">
																	<span class="text-danger">*</span> 部门名称：
																</label>
																<div class="col-xs-12 col-sm-8 no-padding">
																	<input type="text" name="deptName" class="form-control"
																		placeholder="请输入部门名称" data-rule="required">
																</div>
															</div>

															<div class="form-group">
																<label class="control-label col-xs-12 col-sm-2">上级部门：</label>
																<div
																	class="col-xs-12 col-sm-8 deptEdit ztreeField no-padding">
																	<div class="input-group deptEditBtn">
																		<input type="hidden" name="parentId"
																			class="deptEditValue"> <input type="text"
																			name="parentName" class="form-control deptEditName"
																			placeholder="请选择上级部门" readonly> <span
																			class="input-group-addon"><i
																			class="icon-search4"></i></span>
																	</div>

																	<div
																		class="deptEditContent ztreeContent col-xs-12 col-sm-12 col-md-12 col-lg-12">
																		<ul id="deptEditTree"
																			class="ztree col-xs-12 col-sm-12 col-md-12 col-lg-12"></ul>
																	</div>
																</div>
															</div>

															<div class="form-group">
																<label class="control-label col-xs-12 col-sm-2">部门描述：</label>
																<div class="col-xs-12 col-sm-8 no-padding">
																	<textarea rows="5" cols="5" name="remark"
																		class="form-control" placeholder="请输入部门描述信息"></textarea>
																</div>
															</div>

															<div class="form-group hide">
																<label class="control-label col-xs-12 col-sm-2"></label>
																<div class="col-xs-12 col-sm-8">
																	<button type="submit"
																		class="btn btn-success btn-embossed">确定</button>
																	<button type="reset"
																		class="btn btn-default btn-embossed">重置</button>
																</div>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../../../assets/requirejs/require.js"
		data-main="../../../extends/js/main.js"></script>
</body>
</html>